@charset "utf-8";
*{
margin: 0;
padding: 0;
}
body{
	background:-img:url(../img/白天.png);
	background-repeat: no-repeat;
	background:url(../img/白天.png)no-repeat;
	background-size:100% 1300px  ;	
}
.plants1{
	width: 60px;
	height: 45px;
	
	background:url(../img/SunFlower_head.png) ;
	background-size:100% 100%;
	position:absolute;
	left: 560px;
	top: 225px;
	z-index: 1;
	animation: plants1 2s linear infinite ;
}
.plants2{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_leftpetal1.png) ;
	background-size:100% 100%;
	position:relative;
	left:574px;
	top: 214px;
	animation: plants2 2s linear infinite ;
}
.plants3{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_leftpetal2.png) ;
	background-size:100% 100%;
	position:relative;
	left: 565px;
	top:203px;
	animation: plants3 2s linear infinite ;
}
.plants4{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_leftpetal3.png) ;
	background-size:100% 100%;
	position:relative;
	left: 557px;
	top: 194px;
	animation: plants4 2s linear infinite ;
}
.plants5{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_leftpetal4.png) ;
	background-size:100% 100%;
	position:relative;
	left: 550px;
	top: 187px;
	animation: plants5 2s linear infinite ;
}
.plants6{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_leftpetal5.png) ;
	background-size:100% 100%;
	position:relative;
	left: 548px;
	top: 185px;
	animation: plants6 2s linear infinite ;
}
.plants7{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_leftpetal6.png) ;
	background-size:100% 100%;
	position:relative;
	left: 554px;
	top: 182px;
	animation: plants7 2s linear infinite ;
}
.plants8{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_leftpetal7.png) ;
	background-size:100% 100%;
	position:relative;
	left: 564px;
	top: 172px;
	animation: plants8 2s linear infinite ;
}
.plants9{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_leftpetal8.png) ;
	background-size:100% 100%;
	position:relative;
	left: 576px;
	top: 161px;
	animation: plants9 2s linear infinite ;
}
.plants10{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_rightpetal1.png) ;
	background-size:100% 100%;
	position:relative;
	left: 587px;
	top: 94px;
	animation: plants10 2s linear infinite ;
}
.plants11{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_rightpetal2.png) ;
	background-size:100% 100%;
	position:relative;
	left: 598px;
	top: 81px;
	animation: plants11 2s linear infinite ;
}
.plants12{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_rightpetal3.png) ;
	background-size:100% 100%;
	position:relative;
	left: 606px;
	top: 72px;
	animation: plants12 2s linear infinite ;
}
.plants13{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_rightpetal4.png) ;
	background-size:100% 100%;
	position:relative;
	left: 613px;
	top: 64px;
	animation: plants13 2s linear infinite ;
}
.plants14{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_rightpetal5.png) ;
	background-size:100% 100%;
	position:relative;
	left: 617px;
	top: 60px;
	animation: plants14 2s linear infinite ;
}
.plants15{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_rightpetal6.png) ;
	background-size:100% 100%;
	position:relative;
	left: 612px;
	top:57px;
	animation: plants15 2s linear infinite ;
}
.plants16{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_rightpetal7.png) ;
	background-size:100% 100%;
	position:relative;
	left: 605px;
	top: 50px;
	animation: plants16 2s linear infinite ;
}
.plants17{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_rightpetal8.png) ;
	background-size:100% 100%;
	position:relative;
	left: 598px;
	top: 39px;
	animation: plants17 2s linear infinite ;
}
.plants18{
	width: 15px;
	height: 15px;
	background:url(../img/SunFlower_rightpetal9.png) ;
	background-size:100% 100%;
	position:relative;
	left: 588px;
	top: 26px;
	animation: plants18 2s linear infinite ;
	
}
.plants19{
	width: 15px;
	height: 15px;
	background:url(../img/PeaShooter_stalk_bottom.png) ;
	background-size:100% 100%;
	position:absolute;
	left: 589px;	
	top: 279px;
	
	}
.plants20{
	width: 55px;
	height: 35px;
	background:url(../img/PeaShooter_frontleaf.png) ;
	background-size:100% 100%;
	position:absolute;
	left: 570px;	
	top: 280px;
	
}
.plants21{
	width: 25px;
	height: 25px;
	background:url(../img/PeaShooter_frontleaf_lefttip.png) ;
	background-size:100% 100%;
	position:relative;
	left: 560px;	
	top: 37px;		
}
.plants22{
	width: 25px;
	height: 30px;
	background:url(../img/PeaShooter_frontleaf_righttip.png) ;
	background-size:100% 100%;
	position:relative;
	left: 614px;	
	top: 1px;
	
}
.plants23{
	width:750px;
	height: 150px;
	background:url(../img/SeedBank.png) ;
	background-size:100% 100%;
	position:relative;
	left: 500px;
	top: -310px;
	
}
.plants24{
	width: 100px;
	height: 130px;
	background:url(../img/向日葵卡片_爱给网_aigei_com.png) ;
	background-size:100% 100%;
	position:absolute;
	left: 628px;
	top: 10px;
	z-index: 1;
}
.plants25{
	width: 100px;
	height: 130px;
	background:url(../img/豌豆卡片_爱给网_aigei_com.png) ;
	background-size:100% 100%;
	position:relative;
	position:absolute;
	left: 728px;
	top: 10px;
	z-index: 1;
}
.plants26{
	width: 60px;
	height: 55px;
	background:url(../img/PeaShooter_Head.png) ;
	background-size:100% 100%;
	position:relative;
	left: 724px;
	top: 227px;
	animation: plants26 2s linear infinite ;
}
.plants27{
	width: 35px;
	height: 41px;
	background:url(../img/PeaShooter_mouth.png) ;
	background-size:100% 100%;
	position:relative;
	left: 775px;	
	top: 172px;
	animation: plants27 2s linear infinite ;
}
.plants28{
	width: 20px;
	height: 15px;
	background:url(../img/PeaShooter_sprout.png) ;
	background-size:100% 100%;
	position:relative;
	left: 707px;
	top: 145px;
	animation: plants28 2s linear infinite ;
}
.plants29{
	width: 55px;
	height: 35px;
	background:url(../img/PeaShooter_frontleaf.png) ;
	background-size:100% 100%;
	position:relative;
	left: 726px;	
	top: 182px;         

}
.plants30{
	width: 30px;
	height: 45px;
	background:url(../img/PeaShooter_stalk_top.png) ;
	background-size:100% 100%;
	position:relative;
	left: 739px;	
	top: 118px;
	animation: plants30 2s linear infinite ;
}
.plants31{
	width: 25px;
	height: 25px;
	background:url(../img/PeaShooter_frontleaf_lefttip.png) ;
	background-size:100% 100%;
	position:relative;
	left: 717px;	
	top: 113px;
}
.plants32{
	width: 25px;
	height: 30px;
	background:url(../img/PeaShooter_frontleaf_righttip.png) ;
	background-size:100% 100%;
	position:relative;
	left: 770px;	
	top: 78px;
}
.plants33{
	width: 40px;
	height: 40px;
	background:url(../img/ProjectilePea.png)no-repeat ;
	background-size:100% 100%;
	position:relative;
	left: 790px;	
	top: -17px;
	animation: plants33 3s linear infinite ;
	
}
.plants34{
	left: 1800px;
	top: -17px;
	background:url(../img/pea_splats.png) ;
	background-size:100% 100%;
	position:relative;
	
}
.zombie1{
	width: 150px;
	height: 200px;
	background: url(../img/Zombie_digger_rise2.png) no-repeat;
	background-size:100% 100%;
	position:relative;	
	left: 1182px;	
	top: 287px;
	animation: zombie1 .1s linear infinite;
}
.zombie2{
	width: 200px;
	height: 100px;
	background: url(../img/Zombie_zamboni_1.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	left: 2200px;	
	top: 809px;
	z-index: 1;
}
.zombie3{
	width: 200px;
	height: 100px;
	background: url(../img/Zombie_zamboni_2_damage1.png) no-repeat;
    background-size:100% 100%;
	position:relative;
	left: 2195px;	
	top: -112px;
	
}
.zombie4{
	width: 98px;
	height: 73px;
	background: url(../img/Zombie_zamboni_3.png);
	background-size: 100% 100%;
    position: relative;
	left: 2378px;
	top: -215px;
}
.zombie5{
	width: 63px;
	height: 71px;
	background: url(../img/Zombie_zamboni_4.png);	  
	background-size: 100% 100%;
	position: relative;
	left: 2397px;
	top: -243px;
}
.zombie6{
	width: 86px;
	height: 95px;
	background: url(../img/Zombie_zamboni_seat.png);
	background-size: 100% 100%;
	position: relative;
	left: 2408px;
	top: -428px;
}
.zombie7{
	width: 71px;
	height: 32px;
	background: url(../img/Zombie_zamboni_brush.png);
	background-size:100% 100%;
	position:relative;
	left: 2393px;
	top: -342px;
}
.zombie8{
	width: 50px;
	height: 50px;
	background: url(../img/Zombie_zamboni_wheel.png);	
	background-size: 100% 100%;
	position: relative;
	left: 2210px;
	top: -404px;
}
.zombie9{
	width: 50px;
	height: 50px;
	background: url(../img/Zombie_zamboni_wheel.png);	    
	background-size: 100% 100%;
	position: relative;
	left: 2325px;
	top: -454px;
}
@keyframes plants1{
	    0%{
	   		left: 560px;
	   		top: 225px;   	   
	        } 
		50%{
			left:565px;
			top:230px;			
			background-size:100% 100%;
		}				   
	    100%{
			left: 560px;
			top: 225px;			 
			 background-size:100% 100%;
	        }		 					
}
@keyframes plants2{
		0%{
			left:574px;
			top: 214px;  	   
		} 
		50%{
			left:577px;
			top:220px;
            background-size:100% 100%;
		}						   
		100%{
			left:574px;
			top: 214px;
			background-size:100% 100%;
		}
}	
@keyframes plants3{
	    0%{
	    	left: 565px;
	    	top:203px; 	   
	    } 
	    50%{
	    	left:568px;
	    	top:209px;
	        background-size:100% 100%;
	    }		    			   
	    100%{
	    	left: 565px;
	    	top:203px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants4{
	    0%{
	    	left: 557px;
	    	top: 194px;	   
	    } 
	    50%{
	    	left:561px;
	    	top:200px;
	    	background:url(../img/SunFlower_leftpetal3.png)
	        background-size:100% 100%;
	    }	
	    			   
	    100%{
	    	left: 557px;
	    	top: 194px;
	    	background:url(../img/SunFlower_leftpetal3.png)
	    	background-size:100% 100%;
	    }
	
}
@keyframes plants5{
	    0%{
	    	left: 550px;
	    	top: 187px;   
	    } 
	    50%{
	    	left:556px;
	    	top:195px;	    	
	        background-size:100% 100%;
	    }		    			   
	    100%{
	    	left: 550px;
	    	top: 187px;	    	
	    	background-size:100% 100%;
	    }	
}
@keyframes plants6{
	    0%{
	    	left: 548px;
	    	top: 185px;  
	    } 
	    50%{
	    	left:553px;
	    	top:191px;	    	
	        background-size:100% 100%;
	    }		    			   
	    100%{
	    	left: 548px;
	    	top: 185px;	    	
	    	background-size:100% 100%;
	    }	
}
@keyframes plants7{
	    0%{
	    	left: 554px;
	    	top: 182px; 
	    } 
	    50%{
	    	left:558px;
	    	top:186px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 554px;
	    	top: 182px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants8{
	    0%{
	    	left: 564px;
	    	top: 172px;
	    } 
	    50%{
	    	left:567px;
	    	top:177px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 564px;
	    	top: 172px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants9{
	    0%{
	    	left: 576px;
	    	top: 161px;
	    } 
	    50%{
	    	left:578px;
	    	top:166px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 576px;
	    	top: 161px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants10{
	    0%{
	    	left: 587px;
	    	top: 94px;
	    } 
	    50%{
	    	left:590px;
	    	top:100px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 587px;
	    	top: 94px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants11{
	    0%{
	    	left: 598px;
	    	top: 81px;
	    } 
	    50%{
	    	left:602px;
	    	top:85px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 598px;
	    	top: 81px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants12{
	    0%{
	    	left: 606px;
	    	top: 72px;
	    } 
	    50%{
	    	left:610px;
	    	top:75px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 606px;
	    	top: 72px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants13{
	    0%{
	    	left: 613px;
	    	top: 64px;
		}
	    50%{
	    	left:618px;
	    	top:67px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 613px;
	    	top: 64px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants14{
	    0%{
	    	left: 617px;
	    	top: 60px;
		}
	    50%{
	    	left:623px;
	    	top:63px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 617px;
	    	top: 60px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants15{
	    0%{
	    	left: 612px;
	    	top:57px;
		}
	    50%{
	    	left:620px;
	    	top:61px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 612px;
	    	top:57px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants16{
	    0%{
	    	left: 605px;
	    	top: 50px;
		}
	    50%{
	    	left:610px;
	    	top:54px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 605px;
	    	top: 50px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants17{
	    0%{
	    	left: 598px;
	    	top: 39px;
		}
	    50%{
	    	left:601px;
	    	top:45px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 598px;
	    	top: 39px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants18{
	    0%{
	    	left: 588px;
	    	top: 26px;
		}
	    50%{
	    	left:590x;
	    	top:30px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 588px;
	    	top: 26px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants26{
	    0%{
	    	left: 724px;
	    	top: 227px;
	    }
	    50%{
	    	eft: 726px;	    	
	    	top: 230px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 724px;
	    	top: 227px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants27{
	    0%{
	    	left: 775px;
	    	top: 172px;
	    }
	    50%{
	    	left: 777px;	    	
	    	top: 175px;
	        background-size:100% 100%;
	    }	
	    100%{
	    	left: 775px;
	    	top: 172px;
	    	background-size:100% 100%;
	    }	
}
@keyframes plants28{
	    0%{
	    	left: 707px;
	    	top: 145px;
	    }
		50%{
			left: 710px;
			top: 146px;
			background-size:100% 100%;
		}		
	    100%{
	    	left: 707px;
	    	top: 145px;
	    	background-size:100% 100%;
        }	    
} 
@keyframes plants33{
	0%{
	    left: 790px;
	    top: -17px;	
		background-size:100% 100%;	
		}
 	100%{
		left:1800px;
		top:-17;
		background-size:100% 100%;
		}
} 
@keyframes zombie1{
	 0%{
		 left: 1182px;
		 top: 287px;
		 background: url(../img/Zombie_digger_rise2.png);
		 background-size:100% 100%;
	 }
	 25%{
		 left: 1182px;		 
		 top: 287px;
		 background: url(../img/Zombie_digger_rise4.png);
		 background-size:100% 100%;
	 }
	 50%{
		 left: 1182px;
		 top: 287px;
		 background: url(../img/Zombie_digger_rise5.png);
		 background-size:100% 100%;
	 }
	 75%{
		 left: 1182px;		 
		 top: 287px;
		 background: url(../img/Zombie_digger_rise6.png);
		 background-size:100% 100%;
	 }
	 100%{
		 left: 1182px;		 
		 top: 287px;
		 background: url(../img/Zombie_digger_rise2.png);
		 background-size:100% 100%;
	 }
}
@keyframes